<template>
	<div>
		<ul class="icons">
				<li  v-for="item in list" :key='item.id'>
					<router-link to="/">
						<img :src="item.imgURL">
						<p>{{item.title}}</p>
					</router-link>
				</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'Icons',
		data(){
			return{
				list:[
					{id:1,imgURL:require('../../../assets/iconfing/1.png'),title:'周边游'},
					{id:2,imgURL:require('../../../assets/iconfing/2.png'),title:'国内游'},
					{id:3,imgURL:require('../../../assets/iconfing/3.png'),title:'出境游'},
					{id:4,imgURL:require('../../../assets/iconfing/4.png'),title:'自由游'},
					{id:5,imgURL:require('../../../assets/iconfing/5.png'),title:'民酒店宿'},

				],
			}
		}
	}
</script>

<style scoped>
	a{
		text-decoration: none;
		color: black;
	}
	.icons{
		padding: 0.3rem 0;
		display: flex;
		align-items: center;
		padding-top: 1rem;
	}
	.icons li img{
		width: 1.3rem;
		height: 1.3rem;
	}
	.icons  li{
		width: 20%;
		text-align: center;
	}
	.icons li p{
		padding: 0.1rem 0;
	}
</style>
